<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="keywords" content="网站建设、APP开发、微信公共号定制">
    <meta name="description" content="成都千峰云科技有限公司致力于网站建设、APP开发、微信公共号定制等">
    <meta name="author" content="成都千峰云科技有限公司">
    <title>典型案例</title>
    <!--common-->
    <link rel="stylesheet" href="./css/common.css">
    <link href="../public/TciocEx/css/style-responsive.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="../public/TciocEx/js/html5shiv.js"></script>
    <script src="../public/TciocEx/js/respond.min.js"></script>
    <![endif]-->
    <!-- Placed js at the end of the document so the pages load faster -->
    <script src="../public/TciocEx/js/jquery-1.10.2.min.js"></script>
    <script src="../public/TciocEx/js/bootstrap.min.js"></script>
    <!-- 必须引入的文件 -->
    <link rel="stylesheet" href="../public/js/nprogress/nprogress.css">
    <script src="../public/js/jquery.pjax/jquery.pjax.js"></script>
    <script src="../public/js/nprogress/nprogress.js"></script>
    <style>
        .banner{
            width: 100%;
            height: 220px;

        }
        .news_list{
            /*overflow: hidden;*/
            padding-bottom: 50px;
            height: auto;
            min-height: 100%;
            _height:100%;
        }
        .right_content{
            overflow: hidden;
            margin-top: 30px;
            float: right;
            width: 82%;
            min-width: 900px;
        }
        .list{
            width: 100%;
            border-bottom: 1px solid #999999;
            height: 200px;
            padding: 40px 0;

        }
        .list_img{  float: left;width: 20%;  }
        .list_img img{    }
        .list_con{ margin-left: 20px;height: 100%;float: left;display: flex;flex-direction:column;justify-content: center;}
        .list_con a{text-decoration: none;}
        .list_con .title{ color: #000;font-size:18px;font-weight: bold; }
        .list_con .p1{ color: #999999;}
        .page {margin:40px 0 80px 0;}

    </style>

</head>
<body>
<div class="top_content" style="min-width: 1200px;width: 60%;margin: 0 auto;">
    <div class="logo">
        <img src="images/logo.png">
    </div>
    <div class="phone">
        <span style="height: 20px;margin-right: 8px"><img src="images/call.png"></span><span class="phone_num" >0816-2493340</span>
    </div>
</div>
<div class="navigation" style="min-width: 1200px;width: 60%;margin: 0 auto;">
    <ul>
        <li ><a href="index.html">首页</a></li>
        <li><a href="core.html">中心简介</a></li>
        <li ><a href="equipment.html">设备介绍</a></li>
        <li  class="active"  ><a href="case.html">典型案例</a></li>
        <li ><a href="">设备研发</a></li>
        <li ><a href="download.html">资料下载</a></li>
        <li ><a href="news.html">新闻动态</a></li>
        <li   ><a href="contact.html">联系我们</a></li>
    </ul>
</div>
<div class="banner" style=" background: url('images/case/banner.png')no-repeat 100% 10%;"></div>
<div class="news_list" style="min-width: 1200px;width: 60%;margin: 0 auto;">
    <div class="slide-nav">
        <div class="title">
            <div class="ch">典型案例</div>
            <div class="en">CLASSIC CASE</div>
        </div>
        <div class="content">
            <ul>
                <li><a href="" data-pjax="true"  >全部</a></li>
                <li class="active"><a href="" data-pjax="true" >专题服务</a></li>
                <li><a href="" data-pjax="true">典型案例</a></li>
            </ul>
        </div>

    </div>
    <div class="right_content">

        <div class="list">
            <div class="list_img"><img src="images/case/list1.png"></div>
            <div class="list_con">
                <a href="case_article.html">
                    <p class="title">岩芯的孔隙率和饱和率检测</p>
                    <p class="p1">应用高精度CT扫描成像技术，在不改变岩芯外部形态和内部结构的条件下，对不同状态岩芯进行CT...</p>
                </a>
            </div>
        </div>
        <div class="list">
            <div class="list_img"><img src="images/case/list2.png"></div>
            <div class="list_con">
                <a href="case_article.html">
                    <p class="title">医用多孔钽植入体结构CT检测</p>
                    <p class="p1"> 国家X射线数字化成像仪器中心与重庆某医疗器械公司，北京天坛医院等进行技术合作，提供多孔...</p>
                </a>
            </div>
        </div>
        <div class="list">
            <div class="list_img"><img src="images/case/list3.png"></div>
            <div class="list_con">
                <a href="case_article.html">
                    <p class="title">利用微焦点数字射线成像技术检测某锂电池点焊质量</p>
                    <p class="p1">由于点焊容易造成虚焊等焊接不良缺陷，某锂电池外壳点焊的质量控制一直是困扰锂电池生产的技...</p>
                </a>
            </div>
        </div>
        <div class="list">
            <div class="list_img"><img src="images/case/list4.png"></div>
            <div class="list_con">
                <a href="case_article.html">
                    <p class="title">国家X射线数字化成像仪器中心开展汽车组件CT检测技术服务</p>
                    <p class="p1">国家X射线数字化成像仪器中心在汽车零部件缺陷检测、尺寸测量、三维数据重构等技术上开展了大...</p>
                </a>
            </div>
        </div>
        <div class="list">
            <div class="list_img"><img src="images/case/list5.png"></div>
            <div class="list_con">
                <a href="">
                    <p class="title">国家X射线数字化成像仪器中心开展医用植入体金属材料CT无损检测专题服务</p>
                    <p class="p1">由于医用植入物结构细小而复杂，用传统的检测手段不易得到其内部结构数据，在加工质量和设计研...</p>
                </a>
            </div>
        </div>
        <div class="page">12</div>
    </div>
</div>

<div class="footer">
    <div  style="min-width: 1200px;width: 60%;margin: 0 auto;">
        <span class="fl" >技术支持：成都千峰云科技</span>
        <span class="fr" >COGHT (©) 2014-2020 qiit.com - BSZC.蜀ICP备12131535号-1</span>
    </div>
</div>

</body>
</html>
<script>
    $(function () {
        $('.slide-nav .content ul li:eq(-1)').css("border-bottom","none ");
    })
</script>
<script>
    $(function(){
        /* 使用pjax + NProgress 插件  */
        //$(document).pjax('a[data-pjax="true"]',"#content",{scrollTo:false,type:"post"});
        $.pjax.defaults.timeout = 3000;
        $(document).pjax('a[data-pjax="true"]',".news_list",{scrollTo:false,type:"post",fragment:('.news_list'),show:'fade'});
        NProgress.configure({showSpinner: false});
        NProgress.start();
        $(window).load(function() {NProgress.done();});
        $(document).on('pjax:start', function() { NProgress.start(); });
        $(document).on('pjax:end',   function() { NProgress.done(); });
    });
</script>